<!doctype html>
<html>
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->

<!-- Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">

<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/main.css') }}">
<link rel="stylesheet" type="text/css" href="{{ url_for('static',filename='css/mine.css') }}">

<script src="{{ url_for('static',filename='js/jquery-1.12.4.js') }}"></script>
<script src="{{ url_for('static',filename='js/jquery-ui.min.js') }}"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>

<script src="{{ url_for('static',filename='js/main.js') }}"></script>
</head>

<body>
	<div class="alldiv">
			<div class="left_navigation" id="left_nav">
				
			</div>
			<script>
				$(left_nav).load('/Public/leftNav')
			</script>

		<div class="righthtml" >

			<img src="{{ url_for('static',filename='image/banner.png') }}" width="100%" height="200">
			<h2>THIS IS APPOINTMENT PAGE :).</h2>

			<div class="mine_center" style="margin-left: 200px;">
				<div class="mine_center_left">
					<div class="center_left_bottom">
						<table class="table table-striped">
							<caption><center>MEDICATION</center></caption>
							<thead class="thead-dark">
								<tr>
								<th scope="col">Medication</th>
								<th scope="col">Take Time</th>
								</tr>
							</thead>
							<tbody>
								{% for row in data %}
								<tr>
									<!-- <td>{{row}}</td> -->
									<td>{{ row[0] }}</td>
									<td>{{ row[1] }}</td>
								</tr>
								{% endfor %}
							</tbody>

							
    					</table>
					</div>
				</div>
				
			</div>
		</div>
	</div>
	<script>
		function logout(){
			$.ajax({
					url: "/VitalSigns/logout", 
					type: "POST",  
					data: {
					},
					success: function (result) {
						if (result.message == "success!") {
						
							alert("Logout！");
							location.href="/Login/";
						}
						else {
							alert(result.message)
						}
					}
				});
		}
		
	</script>
</body>
</html>